@use "bulma/sass/utilities/initial-variables" as iv;
@use "bulma/sass/utilities/css-variables" as cv;
@use "bulma/sass/components/navbar" as navbar;

.#{iv.$class-prefix}navbar {
    &.has-navbar-centered {
        .navbar-start {
            justify-content: center;
            margin-left: auto;
        }

        .navbar-end {
            margin-left: 0;
        }
    }

    .navbar-dropdown.is-boxed {
        visibility: hidden;
        transition-property: opacity, visibility, transform;
        box-shadow: cv.getVar('shadow');
    }

    .navbar-item.has-dropdown.is-active .is-boxed,
    .navbar-item.has-dropdown.is-hoverable:hover .is-boxed {
        visibility: visible;
    }
}
